<template>
    <h3 class="screen-title">
        <slot>
            {{ title }}
        </slot>
    </h3>
</template>

<script setup lang="ts">
    defineProps({
        title: {
            type: String,
            default: '',
        },
    });
</script>

<style lang="less" scoped>
    .screen-title {
        position: relative;
        padding-left: 20px;

        &::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 3px;
            height: 100%;
            background-color: #fff;
            content: '';
        }
    }
</style>
